@extends('mobile.layouts.default')
@section('title', '充值记录')

@section('content')
    <nav class="nav navbar-light w-100">
        <div class="container d-flex flex-row justify-content-between align-items-center">
            <div class="back-ico mr-2">
                <a class="fas fa-chevron-left" href="{{ route('recharge.index') }}"></a>
            </div>
            <div class="nav-title position-absolute w-100 text-center">
                <span>充值记录</span>
            </div>
            <div class="empty flex-grow-1"></div>
            <div class="header-user">
                <i class="fas fa-sync"></i>
            </div>
        </div>
    </nav>

    <div class="recharge-record-inner container ajax-inner" data-load="0">
        @if(count($recharge_records))
        @include('mobile.layouts._recharge-record-item', ["recharge_records" => $recharge_records])
        @else
        <div class="mt-5 container text-center">
            <p>您还没有充值过任何号码</p>
        </div>
        @endif
    </div>

    @include('mobile.layouts.footer')

    @include('mobile.layouts._ajax_load')

@stop

@push('page-css')
    <link rel="stylesheet" type="text/css" href="/assets/mobile/css/recharge.css?20200708v01">
@endpush

@push('page-js')
    <script src="/assets/mobile/js/ajax_load.js"></script>
    <script type="text/javascript">
        $('.fa-sync').click(function() {
            window.location.reload();
        })
    </script>
@endpush
